.header{
  position: sticky;
  top:-150px;
  left:0;
  right:0; 
  z-index: 99;
  height: 200px;
  background: url(https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2049073761,3016442156&fm=26&gp=0.jpg)
}

.header ul{
  padding-left: 30%;
  padding-top: 150px;
}
.header ul a{
  color: black;
    font-size: 20px;
}

.header ul a{
  color: black;
    font-size: 20px;
}


.content {
  margin-top: 44px;
  margin-left:20%;
  margin-right:20%;
  background: #fefefe;
}
.content .view-count {
  float: right;
}

.list-group-item   .toolbar {
  margin-top: 1rem;
  opacity: 0.7;;
}




.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { 
  border-bottom: 2px solid #337ab7;
  color: inherit;
  background: transparent;
  font-weight: bold;
}

.nav-pills>li>a{
  border-radius: 0;
}

.nav>li>a:focus, .nav>li>a:hover {
  text-decoration: none;
  background-color: transparent; 
}

.input-group{
  margin-top:8px;
}
.editor{
  min-height: 600px;
}
.bg{
 
}
.list-group-item p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
}
